* {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}

body {
    margin: 0;
}

.rel {
    position: relative;
}

#content div.article tr td {
    margin: auto;
    padding: .2em;
}

div.vstrip {
    position: relative;
    float: left;
}

div.vstrip input {
    position: relative;
    margin: 10em 0 0 0;
}

div.returnto {
    float: left;
    margin-left: 2em;
}

div.pagetitle {
    text-align: center;
    width: 100%;
}

div.pagetitle h1,
div.pagetitle h2 {
    margin: 0;
    padding: 0;
}

div.pagetitle h2 {
    position: relative;
    right: 0;
    font-size: 1em;
}

div.divuploading * {
    margin: 0;
    padding: 0;
    overflow: auto;
}

h1 {
    font-size: 1.6em;
    text-align: center;
    font-weight: bold;
}

h2 {
    font-size: 1.4em;
    text-align: center;
    font-weight: bold;
}

h3 {
    font-size: 1.2em;
    text-align: center;
    font-weight: bold;
}

h4 {
    font-size: 1em;
    text-align: center;
    font-weight: bold;
}

div {
    margin: auto;
    overflow: auto;
}

div#editor
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12px;
    background-color: #DFD;
    text-align: center;
    overflow: hidden;
}

p.thin {
    margin: .5em 0;
}

.nomargin {
    margin: 0;
}

form#login_form {
    display: inline;
}

img {
    border: 0;
}

.clear {
    clear: both;
}

.lfloat,
div.lfloat input {
    float: left;
}

.rfloat 
{
    float: right;
}

.m25em {
    margin: .25em;
}

.m100em { margin: 1em;
}

div.left {
    padding: .2em;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

td.reqd {
    color: red;
}

.noborder {
    border: none;
}

.bold {
    font-weight: bold;
}

.top {
    vertical-align: top;
}

.hide {
    display: none;
}

.ccc,
.cccccc {
    background-color: #ccc;
}

.linkdiv a {
    margin: 0 1em;
}

.note {
    width: 630px; 
    margin: .5em auto;
    border: gray 1px solid;
}

.blue {
    color: red;
}

.red {
    color: red;
}

.middle,
.middle * {
    vertical-align: middle;
}

.light_border {
    border: solid black 1px;
}

.gray_border {
    border: solid gray 1px;
}

.margined {
    margin: .3em auto;
}

.bordered {
    border: solid black 1px;
}

div.margined {
    margin: 1em auto;
}

.padded {
    padding: .2em .5em;
}

div.padded {
    padding: .5em;
}

h2.subhead,
h3.subhead {
    color: #336633;
    margin: .2em .5em;
}

h2.sublogo 
{
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: .4em;

}

h4 {
    padding: .3em;
}

img#scanimage {
    width: 100%;
    border-color: gray;
}

div.spacer {
    width: 100%;
    height: 1em;
	clear: both;
}

div.container {
    width: 93%;
    height: 100%;
    margin: 1%;
    clear: both;
}


table {
    padding: 0;
    border-spacing: 0;
    border-width: 1px;
    border-color: #bbb;
    border-collapse: collapse;
    margin: auto;
}

td, th {
    padding: 2px 5px;
    margin: auto;
}

tr.even td {
}

tr.odd td {
   background-color: #e0e8dd;
}

table.dptable 
{
    clear: both;
    border-collapse: collapse;
    margin: .5em auto;
}

table.dptable td {
    padding: 0 3px 2px;
    line-height: 1.1em;
    border: solid #bbb 1px;
    overflow: hidden;
}
table.dptable td.nopad {
    padding: 0;
}


table.dptable td div {
    overflow: hidden;
}

table.dptable th {
    background-color: #e0e8dd;
    font-weight: normal;
    padding: 3px;
    text-align: left;
    border: solid #bbb 1px;
    line-height: 1.1em;
    overflow: hidden;
}

th.dptable a {
    color: white;
}

table.dark_border {
    border: solid black 2px;
}

table.dptable th.dark_border_left ,
table.dptable td.dark_border_left {
    border-left: solid black 2px;
}

table.dptable th.dark_border_right ,
table.dptable td.dark_border_right {
    border-right: solid black 2px;
}

table.dptable th.dark_border_bottom ,
table.dptable td.dark_border_bottom {
    border-bottom: solid black 2px;
}

div.recent {
    border-left:   1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width: 20%;
    text-align: center;
    float: left;
    margin: 0;
    padding: 0;
}

.pg_saved,
.my_pages_saved {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0;
    background-color: #99FF66;
}

.pg_out,
.my_pages_open {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0;
    background-color: #FFCC66;
}

textarea {
    padding: .2em;
    border: 0;
}

textarea.vertical 
{
    width: 100%;
}

textarea.horizontal {
    width: 100%;
    height: 80%;
    margin: auto;
}


div.imgframe {
    background-color: #CDC0B0;
}

form.login { display: inline;
    margin: 0;
}

form#form_upload {
    margin: 1em;
}

div.login {
    margin: 0;
}

div.navbar {
    overflow: auto;
    vertical-align: middle;
    width: 100%;
    color: white;
    background-color: #336633;
    border: 0;
    margin: 0;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
}

div.navbar input 
{
    padding: 0 .2em;
    margin: 0;
    font-size: .9em;
}

div.navleft, div.navright
{
    margin-top: 0;
    margin-bottom: 1px;
}

div#login {
    margin-bottom: 0;
}

div.navleft
{
    float: left;
    margin-left: 1em;
}

div.navright {
    float: right;
    margin-right: 1em;
}

div.navbar .currentpage
{
    font-weight: bold;
}


h2.navbar {
    margin: .2em 0;
}

div.navbar a,
div.navbar a:link,
div.navbar a:visited
{
    color: white;
    text-decoration: underline;
}

span.navbar
{
    white-space: nowrap;
}

select.wordlist {
    font-family: monospace;
    height: 30em;
    width: 100%;
}

select.h40 {
    height: 40em;
}

select.w20 {
    width: 20em;
}

select.w15 {
    width: 15em;
}
select.w10 {
    width: 10em;
}
select.w08 {
    width: 8em;
}
select.w05{
    width: 5em;
}
select.w04{
    width: 4em;
}

.dropchars {
    background-color: #EEDFCC;
    font-size: 1.5em;
    text-align: center;
}

.linethru {
    text-decoration: line-through;
}

.headerbar {
    background-color: #336633;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
    color: white;
}

.logobar {
    background-color: #E0E8DD;
}

table.editproject {
    border-width: 1px;
    margin: 1em auto;
}

table.editproject td {
    border: solid #bbb 1px;
    padding: .1em .5em;
}

table#tblpages {
    margin: auto;
}

table#tblpages td {
   font-size: .9em; 
}

table#tblpages input {
    font-size: 65%;
}

table#tblprefs {
    width: 100%;
    font-size: .8em;
}

table#tblprefs td {
    border: 1px solid gray;
}

table#tblprefs td.headerbar {
    border: none;
}

td.tdleft {
    background-color: #CCC;
    text-align: right;
    padding-right: 2em;
}

td.tdright {
    width: 70%;
    text-align: left;
    padding-left: 2em;
}

input.textbox {
    width: 98%;
}

textarea.editarea {
    border: solid #bbb 1px;
    width: 98%;
    height: 6em;
}


.nopad {
    padding: 0;
}


.prefs td {
    padding: .2em .5em;
}

.prefs {
    font-family: serif;
    font-weight: normal;
}

.prefs h1 {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
}

.prefs h2 {
    font-style: italic;
    font-size: .9em;
    margin: .2em;
}

.prefsbar {
    background-color: #E0E8E0;
    font-weight: bold;
}

.prefsbar * {
    vertical-align: middle;
}

.sidebar,
div.logobar {
    width: 100%;
    border: 0;
    background-color: #E0E8E0;
    overflow: auto;
}

.danger {
    color: red;
    background-color: pink;
}

.skinny {
    padding: 3px;
}

.em90 {
    font-size: .9em;
}

.em75 {
    font-size: .75em;
}

.sidebox {
    margin: 1em 3em;
}

#it-logo-left {
    float: left;
    width: 33%;
    background-color: #009246;
}
#it-logo-left h3 {
    margin: 11px 0 0 0;
}

#it-logo-center {
    float: left;
    width: 34%;
    background-color: #FFF;
}

#it-logo-right {
    float: right;
    width: 33%;
    background-color: #CE2B37;
}

#it-logo-right h4 {
    margin: 18px;
}

#it-logo-left,
#it-logo-center,
#it-logo-right {
    height: 74px;
    color: white;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.w10 {
    width: 10%;
    overflow: auto;
}

.w25 {
    width: 25%;
    margin: auto;
    overflow: auto;
    text-align: center;
}

.em90 {
    font-size: .9em;
}

.em80 {
    font-size: .8em;
}

.em70 {
    font-size: .7em;
}

.quarter {
    width: 25%;
    text-align: center;
    float: left;
}

.third {
    width: 33%;
}

.half {
    width: 49%;
}

.w33 {
    width: 35%;
    margin: .5em auto;
    border: 1px black solid;
    overflow: auto;
}

.w35 {
    width: 35%;
    margin: .5em auto;
    overflow: auto;
}

.w40 {
    width: 40%;
    overflow: auto;
    padding: .2em;
}
.w50 {
    width: 50%;
    margin: .5em auto;
    overflow: auto;
}

.w60 {
    width: 60%;
    margin: .5em auto;
    overflow: auto;
}

.w70 {
    width: 70%;
    margin: .5em auto;
    overflow: auto;
}

.w75 { width: 75%; overflow: auto; }
.w80 { width: 80%; overflow: auto; }

.w90 {
    width: 90%;
    margin: .5em auto;
    overflow: auto;
}

.w98 { width: 98%; overflow: auto; }

.w100 {
    width: 100%;
    margin: 0 auto;
    overflow: auto;
}

.search-instructions { width: 70%; padding-left: 25%; margin: auto; }

.w4em {
    width: 4em;
}

.footerbar {
    font-family: verdana, helvetica, sans-serif;
    font-size: .8em;
    width: 100%;
    color: white;
    background-color: #336633;
    text-align: center;
    font-size: .8em;
    padding: 3px 0;
}

.hr75 {
    width: 75%;
    text-align: center;
}

img.logo {
    width: 360px;
    height: 68px;
    border: none;
}

.logobar td {
    padding: 0;
    border: 0;
}

.inline { display: inline; }

form.headerbar {
    display: inline;
}

.headerbar span {
    float: left;
    padding: 2px;
    white-space: nowrap;
}

#project_info_table {
    border-collapse: separate;
    margin: .5em auto;
    overflow: auto;
}

#project_info_table tr {
    margin: .2em;
}

.btnctl {
    position: relative;
    top:-4px;
}

#divcontrolbar img,
#divcontrolbar input[type='image'],
img.ctlbar,
input[type='image'].ctlbar {
    height: 20px;
}

.inverse_button {
    color: white;
    background-color: black;
}

.ctlcombo {
    background-color:#FFF8DC;
    font-size: 10px;
    max-width: 8em;
}

#selfontsize {
    width: 4em;
}

#selfontface {
    width: 8em;
}

#sellangcode {
    width: 8em;
}

div#imagediv {
    position: absolute;
    text-align: center;
    overflow: auto;
}

div#imagediv img {
    margin: 5px;
}

#imagedisplay {
    background-color:#EEDFCC;
}
div.divpage {
    text-align: left;
    height: 100%;
}
pre#pretext {
    height: 100%;
    background-color:#E0FFDC;
    text-align: left;
}
#tbtext {
    height: 100%;
    width: 90%;
    border:1px solid black;
    text-align:center;
    overflow:auto;
}

.tdtop {
    border:1px solid black;
    background-color:#CDC0B0;
    padding:1px;
    height: 1.8em;
}
#tdtext 
{
    border:1px solid #000000;
    background-color:#CDCDC1;
    padding:1px;
}
#tdbottom {
    border:1px solid #000000;
    background-color:#EEDFCC;
    height: 1.5em;
    padding:1px;
}
.dropsmall {
    font-size: .75em;
    background-color:#FFF8DC;
}
.dropmedium {
    font-size: .9em;
    background-color:#FFF8DC;
}

table#tbl1 {
    border-collapse: collapse;
    border: 0;
    width: 100%;
}
table.pagedetail th {
    color: White;
    background-color: #336633;
    text-align: center;
    font-weight: normal;
}
table.pagedetail tr.e {
    background-color: White;
}
table.pagedetail tr.o {
    background-color: #e0e8dd;
}
table.pagedetail td {
    text-align: center;
}
table.pagedetail td.error {
    background-color: #F00;
}

.in_progress, .done_current, .done_previous {
    border: solid black 1px;
    padding: .3em;
}
.in_progress { background-color: #FFD280; }
.done_current { background-color: #98FB98; }
.done_previous { background-color: #FFC0CB; }

#div_pg_dtl_ctl_left {
    float: left; 
    margin-left: 15%;
}
#div_pg_dtl_legend { 
    float: right; 
    margin-right: 15%;
}

div#divctlimg,
div#divctltext {
    float: left;
    padding: 0 .5em;
}

div#divctlnav {
    float: right;
    padding: 0 .5em;
}

div.news {
clear:both;
padding-top:2em;
}

div.newsheader {
border-bottom:thin solid gray;
clear:both;
}

div.newsitem {
clear:left;
margin-left:1em;
margin-top:0.5em;
padding:1.2em 0.5em 0.5em 1.2em;
}
div.newsitem p {
margin:0 0.5em 0.5em 0;
}
div.callout {
background-color:#EEEEEE;
border:thin solid black;
margin-left:2em;
margin-right:2em;
padding:1em;
}
div.callout p {
margin-bottom:0;
}
div.calloutheader {
font-weight:bold;
}
table.special_legend {
}
table.special_legend div {
border-color:black;
border-style:none none solid;
border-width:0 0 1px;
padding:0 0 2px 1px;
width:100%;
}
table.filter {
border:1px solid gray;
}
table.filter caption {
    font-size: 1.2em;
    margin:0;
    padding:0;
}
table.filter td {
    padding: 0.25em 0.25em 0;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}
table.filter td select {
margin:0.1em auto;
width:100%;
}
table.register {
border:1px solid black;
border-collapse:collapse;
width:80%;
}
table.register td.label {
background-color:#E0E8DD;
font-weight:bold;
text-align:right;
}
table.register td.field {
text-align:left;
}
table.snapshottable {
border-collapse:collapse;
empty-cells:hide;
margin:0;
padding:0;
width:100%;
}
table.snapshottable td, table.snapshottable th {
border:1px solid black;
margin:0;
padding:2px;
text-align:center;
}
table.snapshottable img {
border: 0;
margin:0;
padding:0;
}
table.snapshottable th {
background-color:#E0E8DD;
font-weight:normal;
}
table.snapshottable td.nocell {
border: 0;
}
div.progressbar {
border:1px solid black;
float:left;
font-size:0.5em;
}
table.stats td, table.stats th {
padding-right:2em;
}
div#tallystats table {
    width: 96%;
}
div#goals {
    text-align: left; 
    padding-left: 1em;
}

div#personal_stats {
    text-align: left; 
    padding: 0 2em;
    
}

div.pg_available {
    background-color: white;
}

div.pg_out {
    background-color: lightYellow;
}

div.pg_completed {
    background-color: lightGreen;
}

span.pg_unavailable {
    color: red;
}

table.availprojectlisting {
border:1px solid black;
border-collapse:collapse;
width:100%;
}
table.availprojectlisting tr th {
border-bottom:1px solid black;
font-weight:bold;
text-align:left;
}
table.availprojectlisting tr td {
border-bottom:1px solid #888888;
}
table.availprojectlisting tr th img {
border: 0;
}
table.availprojectlisting tr td,
table.availprojectlisting tr th {
padding-left:0.5em;
padding-right:0.5em;
}

table.searchtable {
    border: 1px solid black;
    border-collapse: collapse;
}

td.searchleft {
    text-align: right;
    padding: .2em 1em;
}

td.searchright {
    text-align: left;
    padding: .2em 1em;
}

input.horizontal {
    display: inline;
}

td.right_cell {
    text-align: left;
    padding: 0 1em;
    /* border-bottom: #DDD solid 1px; */
}
td.left_cell {
    text-align: right;
    padding: 0 1em;
    font-weight: bold;
    /*
    background-color: #EEE;
    border-right: #BBB solid 1px;
    border-bottom: #DDD solid 1px; */
}

td.recent {
    margin: .3em auto;
    border: gray solid 1px;
    border-collapse: collapse;
    text-align: center;
    width: 20%;
}


form#editform {
    width: 100%;
    font-size: 1em;
    text-align: center;
    margin: 0;
    overflow: auto;
}

#bstd {
    text-align: center;
}

#txtctls {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: auto;
}

#txtctls * {
    font-size: .8em;
}

#divworkupload {
    display: none;
}

input[type='file'] {
    border: solid gray 2px;
}

form#editform input[type='button'] {
    font-family: verdana, arial, helvetica, sans-serif;
}

.is_subscribed {
    background-color: #cfc; 
}
   
td.tabsbar {
    padding: 0;
}

ul.bare {
  list-style:none;
  padding: .5em;
}

ul.bare li {
    margin: 1em .5em;
}

table.mini td {
    padding: 0 2px;
}

table.bare td {
    padding: 0 5px;
}

input.mini {
    font-size: .5em;
    border-width: 1px;
    margin: 1px;
}

#tabs ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
   
div#tabs {
  float:left;
  width:100%;
  background:#e0e8dd url("http://www.pgdp.net/c/pinc/templates/project_gutenberg/graphics/tabs_bg.png") repeat-x top;
  font-size: .8em;
  line-height:normal;
  padding: 0;
  margin: 0;
}
   
#tabs li {
  float:left;
  background:url("http://www.pgdp.net/c/pinc/templates/project_gutenberg/graphics/tabs_left.png") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
   
#tabs a {
  float:left;
  display:block;
  background:url("http://www.pgdp.net/c/pinc/templates/project_gutenberg/graphics/tabs_right.png") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
}

#tabs a:hover {
  color:#333;
}
   
#tabs li.current {
  background-color:white;
}
   
#tabs .current a {
  background-image:url("http://www.pgdp.net/c/pinc/templates/project_gutenberg/graphics/tabs_right_on.png");
  color:#333;
  padding-bottom:5px;
}

div.emptycell {
   background-color: #dddd00;
   padding: 0;
   width: 100%;
   height: 100%
}

a.likealink,
span.likealink,
th.likealink,
td.likealink {
    margin: 0;
    padding: 0;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

span.lnk {
    margin: 0;
    padding: 0;
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}

span.puncerr {
    color: red;
}

span#span_wccount {
    padding: 0 .5em;
    border: 1px black solid;
}

span.accepted {
    border: 1px dotted black;
    margin: -1px;
    color: #cfc;
    background-color: #cfc;
}


span.wc {
    background-color: #FFC7D7;
    color: #FFC7D7;
}

span.wcs {
    border: 2px solid red;
    margin: -2px;
}

span wcb {
    border: 2px solid black;
    margin: -2px;
}

body.wchk {
    overflow: hidden;
}

div.wchkhdr {
    position: absolute;
    top: 0;
}

div.wchk {
    position: absolute;
    width: 100%;
    height: 98%;
    top: 1%;
}

div.wchkimg,
div.wchktext {
    position: absolute;
    overflow: auto;
    height: 98%;
    width: 49%;
}

img.wchk {
    width: 100%;
}

div.wchkimg {
    left: 1%;
    right: 1%;
    top: 1%;
    bottom: 1%;
}

div.wchktext {
    right: 0;
}

div.divwords {
    float: left;
    overflow: auto;
}

div#div_words {
    text-align: center;
}

.wordstext {
    width: 100%;
    font-family: monospace;
    border: gray 1px solid;
}

.mono {
    font-family: monospace;
}

div#div_words_menu {
    margin-top: 5em;
    font-size: .9em;
    padding: .5em 4em .5em 2em;
}

div#div_good_words,
div#div_suggested_words,
div#div_bad_words {
    margin: 0;
}

div#div_words_menu,
div#div_good_words,
div#div_bad_words,
div#div_suggested_words {
    /* width: 20%; */
}

table.wordlisttable {
    margin: 1em auto;
    padding: 5px;
    border-collapse: collapse;
    width: 90%;
}

.divwords textarea {
    border: 1px gray inset;
    height: 30em;
}

table.wordlisttable td {
    border: 1px solid black;
}
table.wordlisttable td.label {
    background-color: #CCC;
    font-weight: bold;
}

.wc_adhoc textarea {
    border: 1px solid gray;
}

table.wordlisttable textarea { width: 100%; }
p.error, p.warning { color: red; }

.dpmono { font-family: DPCustomMono2,monospace; }
table.freq th { border-bottom: thin solid black; }
table.freq td, table.freq th { padding-right: 0.5em; }
table.freq td.num { text-align: right; }
span.hilite { background-color: yellow; color: black; }

input.searchctl {
    width: 75%;
    /* font-size: inherit */
}
select.searchctl {
    /* font-size: inherit; */
    height: 10em;
}

table.diff {
    font-size: .9em;
    margin: auto;
    width: 100%;
    border: none;
    border-spacing: 4px;
}

table.diff,
td.diff-otitle,
td.diff-ntitle {
    background-color: white;
}

td.diff-otitle,
td.diff-ntitle {
    text-align: center;
    font-weight: bold;
}

table.diff th,
table.diff td {
    text-align: left;
    margin: 1px 5px;
    padding: 0;
}

table.diff td div {
    word-wrap: break-word;
    overflow: visible;
}

.diff-context {
    text-align: left;
    background-color: #cff;
    white-space: nowrap;
}

td.diff-marker {
    text-align: right;
}
.rtl td.diff-marker {
    text-align: left;
}
td.diff-addedline {
    background: #cfc;
}
td.diff-deletedline {
    background: #ffa;
}
td.diff-context {
    background: #eee;
}

td.diff-marker,
td.diff-addedline,
td.diff-deletedline,
td.diff-context {
    font-family: DPCustomMono2, monospace;
    font-size: smaller;
}
.diffchange {
    color: red;
    font-weight: bold;
    text-decoration: none;
    white-space: pre-wrap;
}

.diffchange-inline {
    border: 1px dotted red;
}
div.div_import {
    float: right;
    width: 50%;
}
